<template>
	<view class="">
		<view class="card_view">
			<view class="flex justify-between align-center card_view_item">
				<view class="flex justify-between align-center">
					<image class="image_left" src="../static/agreement.png" mode=""></image>
					<view class="">
						用户协议
					</view>
				</view>
				<image class="image_right" src="@/static/images/arrow.png" mode=""></image>
			</view>
			<view class="flex justify-between align-center card_view_item">
				<view class="flex justify-between align-center">
					<image class="image_left" src="../static/privacy.png" mode=""></image>
					<view class="">
						隐私协议
					</view>
				</view>
				<image class="image_right" src="@/static/images/arrow.png" mode=""></image>
			</view>
			<view class="cancellation_view flex justify-center align-center">
				账号注销
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	page {
		padding: 0 32rpx;
	}

	.card_view {
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(51, 51, 51, 0.1);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		padding: 32rpx;

		.card_view_item {
			height: 72rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 28rpx;
			border-bottom: 2rpx solid #F2F2F2;
		}

		.image_left {
			width: 40rpx;
			height: 40rpx;
			margin-right: 12rpx;
		}

		.image_right {
			width: 28rpx;
			height: 28rpx;
		}
	}

	.cancellation_view {
		margin-top: 32rpx;
		// width: 622rpx;
		height: 80rpx;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		border: 2rpx solid #10C76E;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #10C76E;
	}
</style>